<template>
  <div id="app" class="wrapper" style="padding-top: 10px">
    <div class="p-content">
      <div class="m-post">
        <form id="travelForm">
          <div class="post-tab clearfix">
            <input type="hidden" name="orderType" id="orderType" value="1" />
            <div class="tab-item on">
              <a href="javascript:;" class="orderBy" style="margin-right: 20px"
                >最新游记</a
              >
            </div>
            <div class="tab-item">
              <a href="javascript:;" class="orderBy">最热游记</a>
            </div>
          </div>
          <div class="navbar-sub clearfix">
            人均花费：
            <select name="perExpendType" class="com-opt">
              <option value="-1">不限</option>
              <option value="1">1-999</option>
              <option value="2">1K-6K</option>
              <option value="3">6K-20K</option>
              <option value="4">20K以上</option>
            </select>

            出行天数：
            <select name="dayType" class="com-opt">
              <option value="-1">不限</option>
              <option value="1">3天以下</option>
              <option value="2">4-7天</option>
              <option value="3">8-14天</option>
              <option value="4">15天以上</option>
            </select>
            <div class="tn-write">
              <a href="javascript:void(0);" class="btn-add"><i></i>写游记</a>
            </div>
          </div>
        </form>
        <div class="_notelist">
          <div class="post-list">
            <ul>
              <li class="post-item clearfix">
                <div class="post-cover">
                  <a
                    href="./traveldetail.html?id=5e3bf6a93f050000ff0035e5"
                    target="_blank"
                    ><img
                      width="215"
                      height="135"
                      src="@/assets/images/wKgE2l0ceZWATUSUAA0zDKigyFs01.jpeg"
                      class="lazy"
                      style="display: inline"
                  /></a>
                </div>
                <div class="post-ding">
                  <span id="topvote11710590">23</span
                  ><a
                    href="javascript:;"
                    data-japp="articleding"
                    data-iid="11710590"
                    data-vote="2067"
                    class="btn-ding"
                    >顶</a
                  >
                </div>
                <h2 class="post-title yahei hasxjicon">
                  <a
                    href="./traveldetail.html?id=5e3bf6a93f050000ff0035e5"
                    target="_blank"
                    class="title-link"
                    >·5月趣上海，非去不可</a
                  >
                </h2>
                <div class="post-author">
                  <span class="author"
                    ><a href="javascript:;" target="_blank" rel="nofollow"
                      ><img
                        src="@/assets/images/default.jpg"
                        width="15px"
                        class="lazy"
                        style="display: inline"
                    /></a>
                    作者：<a href="javascript:;" target="_blank" rel="nofollow"
                      >dafei</a
                    ></span
                  >
                </div>
                <div class="post-content">
                  有时候，人必须远行，才能发现近在咫尺的东西，2岁的这几个月，小脚成长很快，大小便控制自如，让我这个老妈子颇具成就感;语言进步明显，词汇量飞速增加;开始能安静下来而且能坐得住。
                </div>
                <span class="status"
                  ><i class="icon_view"></i>13<i class="icon_comment"></i
                  >24</span
                >
              </li>
              <li class="post-item clearfix">
                <div class="post-cover">
                  <a
                    href="./traveldetail.html?id=5e3bf6a93f050000ff0035ea"
                    target="_blank"
                    ><img
                      width="215"
                      height="135"
                      src="@/assets/images/wKgE2l0Ux9aAU1NVAAvghJ2xVDs93.jpeg"
                      class="lazy"
                      style="display: inline"
                  /></a>
                </div>
                <div class="post-ding">
                  <span id="topvote11710590">1</span
                  ><a
                    href="javascript:;"
                    data-japp="articleding"
                    data-iid="11710590"
                    data-vote="2067"
                    class="btn-ding"
                    >顶</a
                  >
                </div>
                <h2 class="post-title yahei hasxjicon">
                  <a
                    href="./traveldetail.html?id=5e3bf6a93f050000ff0035ea"
                    target="_blank"
                    class="title-link"
                    >·再见成都</a
                  >
                </h2>
                <div class="post-author">
                  <span class="author"
                    ><a href="javascript:;" target="_blank" rel="nofollow"
                      ><img
                        src="@/assets/images/default.jpg"
                        width="15px"
                        class="lazy"
                        style="display: inline"
                    /></a>
                    作者：<a href="javascript:;" target="_blank" rel="nofollow"
                      >dafei</a
                    ></span
                  >
                </div>
                <div class="post-content">
                  从大学时候就被来自 四川 的同学安利春熙路的美女、 成都
                  串串、郫县豆瓣等等，个人最感兴趣的还是美食了，曾经立下目标，要“吃”下几座城市：
                  广州 、 北京 、 西安 、 成都 、 武汉 、 南京 、 长沙
                  。现在来看，还剩下 南京 和 长沙
                  两个目标了。当然走过的地方多了会发现，每个地方都有很好吃的美食美景，
                  比如 哈尔滨 、 上海 、 杭州
                </div>
                <span class="status"
                  ><i class="icon_view"></i>31<i class="icon_comment"></i
                  >22</span
                >
              </li>
              <li class="post-item clearfix">
                <div class="post-cover">
                  <a
                    href="./traveldetail.html?id=5e3bf6a93f050000ff0035eb"
                    target="_blank"
                    ><img
                      width="215"
                      height="135"
                      src="@/assets/images/wKgE2l0MmZ-ALpA5AAsArQDM8NM53.jpeg"
                      class="lazy"
                      style="display: inline"
                  /></a>
                </div>
                <div class="post-ding">
                  <span id="topvote11710590">134</span
                  ><a
                    href="javascript:;"
                    data-japp="articleding"
                    data-iid="11710590"
                    data-vote="2067"
                    class="btn-ding"
                    >顶</a
                  >
                </div>
                <h2 class="post-title yahei hasxjicon">
                  <a
                    href="./traveldetail.html?id=5e3bf6a93f050000ff0035eb"
                    target="_blank"
                    class="title-link"
                    >·超详细易懂的泰国攻略，曼谷+普吉7天自由行</a
                  >
                </h2>
                <div class="post-author">
                  <span class="author"
                    ><a href="javascript:;" target="_blank" rel="nofollow"
                      ><img
                        src="@/assets/images/default.jpg"
                        width="15px"
                        class="lazy"
                        style="display: inline"
                    /></a>
                    作者：<a href="javascript:;" target="_blank" rel="nofollow"
                      >dafei</a
                    ></span
                  >
                </div>
                <div class="post-content">
                  哈喽大家好，我是花生，是一个热爱旅游，梦想吃遍全世界的摄影师，说到
                  泰国 ，相信很多小伙伴们都不陌生，但是也还有很多朋友没去过 泰国
                  ，或者没有来一次自由行，这里花生给打算第一次去 泰国
                  的小伙伴们弄出这篇攻略性很强的游记，有美食，有美景，还有同行可爱的伙伴们，下面先让这个视频和图片目录领略下
                  曼谷 和普吉的魅力吧，下面有实用干货，让你一篇搞定 泰国
                  自由行准备。
                </div>
                <span class="status"
                  ><i class="icon_view"></i>312<i class="icon_comment"></i
                  >222</span
                >
              </li>
              <li class="post-item clearfix">
                <div class="post-cover">
                  <a
                    href="./traveldetail.html?id=5e3bf6a93f050000ff0035ec"
                    target="_blank"
                    ><img
                      width="215"
                      height="135"
                      src="@/assets/images/wKgE2l0F4oaAcLopAB6JMSSYte898.jpeg"
                      class="lazy"
                      style="display: inline"
                  /></a>
                </div>
                <div class="post-ding">
                  <span id="topvote11710590">884</span
                  ><a
                    href="javascript:;"
                    data-japp="articleding"
                    data-iid="11710590"
                    data-vote="2067"
                    class="btn-ding"
                    >顶</a
                  >
                </div>
                <h2 class="post-title yahei hasxjicon">
                  <a
                    href="./traveldetail.html?id=5e3bf6a93f050000ff0035ec"
                    target="_blank"
                    class="title-link"
                    >·格鲁吉亚：与它爱恨纠葛，犹述一书武侠情愁。来饮壶好酒？\r\n</a
                  >
                </h2>
                <div class="post-author">
                  <span class="author"
                    ><a href="javascript:;" target="_blank" rel="nofollow"
                      ><img
                        src="@/assets/images/default.jpg"
                        width="15px"
                        class="lazy"
                        style="display: inline"
                    /></a>
                    作者：<a href="javascript:;" target="_blank" rel="nofollow"
                      >dafei</a
                    ></span
                  >
                </div>
                <div class="post-content">
                  动不动手写这篇游记，我有过纠结。ok，fine.我承认就犹豫了十分钟，因为有太多人，为我创造故事的人想记录。anyway，既然决定要写，那么，咱们就得像小学英语作文一样严格要求，依次排列，一个个来咆哮：
                </div>
                <span class="status"
                  ><i class="icon_view"></i>20010<i class="icon_comment"></i
                  >432</span
                >
              </li>
              <li class="post-item clearfix">
                <div class="post-cover">
                  <a
                    href="./traveldetail.html?id=5e3bf6a93f050000ff0035e6"
                    target="_blank"
                    ><img
                      width="215"
                      height="135"
                      src="@/assets/images/wKgE2l0aD42AUMzWAAshp0JkpnA725.jpg"
                      class="lazy"
                      style="display: inline"
                  /></a>
                </div>
                <div class="post-ding">
                  <span id="topvote11710590">23</span
                  ><a
                    href="javascript:;"
                    data-japp="articleding"
                    data-iid="11710590"
                    data-vote="2067"
                    class="btn-ding"
                    >顶</a
                  >
                </div>
                <h2 class="post-title yahei hasxjicon">
                  <a
                    href="./traveldetail.html?id=5e3bf6a93f050000ff0035e6"
                    target="_blank"
                    class="title-link"
                    >·上海海昌海洋公园</a
                  >
                </h2>
                <div class="post-author">
                  <span class="author"
                    ><a href="javascript:;" target="_blank" rel="nofollow"
                      ><img
                        src="@/assets/images/default.jpg"
                        width="15px"
                        class="lazy"
                        style="display: inline"
                    /></a>
                    作者：<a href="javascript:;" target="_blank" rel="nofollow"
                      >dafei</a
                    ></span
                  >
                </div>
                <div class="post-content">
                  上海 一行，最后一天我们逛了逛新开的海洋公园。 上海
                  这个季节正是梅雨季，所以天气凉爽。
                </div>
                <span class="status"
                  ><i class="icon_view"></i>34<i class="icon_comment"></i
                  >334</span
                >
              </li>
              <li class="post-item clearfix">
                <div class="post-cover">
                  <a
                    href="./traveldetail.html?id=5e3bf6a93f050000ff0035e1"
                    target="_blank"
                    ><img
                      width="215"
                      height="135"
                      src="@/assets/images/wKgE2l0ZXLaAQ9X7AAg3M8RobGA39.jpeg"
                      class="lazy"
                      style="display: inline"
                  /></a>
                </div>
                <div class="post-ding">
                  <span id="topvote11710590">0</span
                  ><a
                    href="javascript:;"
                    data-japp="articleding"
                    data-iid="11710590"
                    data-vote="2067"
                    class="btn-ding"
                    >顶</a
                  >
                </div>
                <h2 class="post-title yahei hasxjicon">
                  <a
                    href="./traveldetail.html?id=5e3bf6a93f050000ff0035e1"
                    target="_blank"
                    class="title-link"
                    >·广州三天三夜|跟随必字榜吃喝玩乐耍</a
                  >
                </h2>
                <div class="post-author">
                  <span class="author"
                    ><a href="javascript:;" target="_blank" rel="nofollow"
                      ><img
                        src="@/assets/images/default.jpg"
                        width="15px"
                        class="lazy"
                        style="display: inline"
                    /></a>
                    作者：<a href="javascript:;" target="_blank" rel="nofollow"
                      >dafei</a
                    ></span
                  >
                </div>
                <div class="post-content">
                  已经数不清是第几次 广州 行了，归根结底，仍然是因为吃呀。跟
                  香港 一样， 广州 总觉得遍地都好吃的，而 广州
                  人的爱吃也是全国出了名的， 比如 有一句话流传“ 广东 人连 福建
                  人都吃”！身为 福建 人，表示 亚历山大
                  呀。那么这一次，以吃为名，去 广州
                  ，跟着大众点评“必字榜”，吃住玩一条龙，且看我攻略。
                </div>
                <span class="status"
                  ><i class="icon_view"></i>130<i class="icon_comment"></i
                  >1</span
                >
              </li>
              <li class="post-item clearfix">
                <div class="post-cover">
                  <a
                    href="./traveldetail.html?id=5e3bf6a93f050000ff0035ef"
                    target="_blank"
                    ><img
                      width="215"
                      height="135"
                      src="@/assets/images/wKgE2l0S_hyAeN3KAAIj47mz_NM02.jpeg"
                      class="lazy"
                      style="display: inline"
                  /></a>
                </div>
                <div class="post-ding">
                  <span id="topvote11710590">70</span
                  ><a
                    href="javascript:;"
                    data-japp="articleding"
                    data-iid="11710590"
                    data-vote="2067"
                    class="btn-ding"
                    >顶</a
                  >
                </div>
                <h2 class="post-title yahei hasxjicon">
                  <a
                    href="./traveldetail.html?id=5e3bf6a93f050000ff0035ef"
                    target="_blank"
                    class="title-link"
                    >·追鲸的日子啊，那是一段云上的时光</a
                  >
                </h2>
                <div class="post-author">
                  <span class="author"
                    ><a href="javascript:;" target="_blank" rel="nofollow"
                      ><img
                        src="@/assets/images/default.jpg"
                        width="15px"
                        class="lazy"
                        style="display: inline"
                    /></a>
                    作者：<a href="javascript:;" target="_blank" rel="nofollow"
                      >dafei</a
                    ></span
                  >
                </div>
                <div class="post-content">
                  2019年4月21日， 斯里兰卡 首都 科伦坡
                  等多地先后发生8次连环炸弹袭击，涉及至少3座教堂及3家酒店。4月22日，
                  斯里兰卡 发生第9次爆炸。4月24日， 斯里兰卡
                  一电影院附近发生爆炸。死伤惨重。
                </div>
                <span class="status"
                  ><i class="icon_view"></i>76000<i class="icon_comment"></i
                  >432</span
                >
              </li>
              <li class="post-item clearfix">
                <div class="post-cover">
                  <a
                    href="./traveldetail.html?id=5e3bf6a93f050000ff0035ee"
                    target="_blank"
                    ><img
                      width="215"
                      height="135"
                      src="@/assets/images/wKgE2l0E3z-AdR8zAAumAmCWnzk31.jpeg"
                      class="lazy"
                      style="display: inline"
                  /></a>
                </div>
                <div class="post-ding">
                  <span id="topvote11710590">2205</span
                  ><a
                    href="javascript:;"
                    data-japp="articleding"
                    data-iid="11710590"
                    data-vote="2067"
                    class="btn-ding"
                    >顶</a
                  >
                </div>
                <h2 class="post-title yahei hasxjicon">
                  <a
                    href="./traveldetail.html?id=5e3bf6a93f050000ff0035ee"
                    target="_blank"
                    class="title-link"
                    >·地道乐山人带你吃遍心中List（内含早、中、晚、宵夜攻略）</a
                  >
                </h2>
                <div class="post-author">
                  <span class="author"
                    ><a href="javascript:;" target="_blank" rel="nofollow"
                      ><img
                        src="@/assets/images/default.jpg"
                        width="15px"
                        class="lazy"
                        style="display: inline"
                    /></a>
                    作者：<a href="javascript:;" target="_blank" rel="nofollow"
                      >dafei</a
                    ></span
                  >
                </div>
                <div class="post-content">
                  巴蜀之国，美食之都。全国人民都知道 四川 好吃的多， 成都
                  好吃的多；而 四川 人民一定知道： 乐山 美食多！
                </div>
                <span class="status"
                  ><i class="icon_view"></i>77000<i class="icon_comment"></i
                  >5251</span
                >
              </li>
              <li class="post-item clearfix">
                <div class="post-cover">
                  <a
                    href="./traveldetail.html?id=5e3bf6a93f050000ff0035e9"
                    target="_blank"
                    ><img
                      width="215"
                      height="135"
                      src="@/assets/images/wKgE2l0Bp9-ARit2AAeLaBkjPCE43.jpeg"
                      class="lazy"
                      style="display: inline"
                  /></a>
                </div>
                <div class="post-ding">
                  <span id="topvote11710590">1</span
                  ><a
                    href="javascript:;"
                    data-japp="articleding"
                    data-iid="11710590"
                    data-vote="2067"
                    class="btn-ding"
                    >顶</a
                  >
                </div>
                <h2 class="post-title yahei hasxjicon">
                  <a
                    href="./traveldetail.html?id=5e3bf6a93f050000ff0035e9"
                    target="_blank"
                    class="title-link"
                    >·世园会—你值得打卡的地方</a
                  >
                </h2>
                <div class="post-author">
                  <span class="author"
                    ><a href="javascript:;" target="_blank" rel="nofollow"
                      ><img
                        src="@/assets/images/default.jpg"
                        width="15px"
                        class="lazy"
                        style="display: inline"
                    /></a>
                    作者：<a href="javascript:;" target="_blank" rel="nofollow"
                      >dafei</a
                    ></span
                  >
                </div>
                <div class="post-content">
                  常看新闻的老人们一定会感叹，不管是不是住在 北京
                  ，都有必要去欣赏一下世园会~据说这是未来十年我国举办的级别最高、规模最大的专业类世园会哦~
                </div>
                <span class="status"
                  ><i class="icon_view"></i>31<i class="icon_comment"></i
                  >22</span
                >
              </li>
              <li class="post-item clearfix">
                <div class="post-cover">
                  <a
                    href="./traveldetail.html?id=5e3bf6a93f050000ff0035ed"
                    target="_blank"
                    ><img
                      width="215"
                      height="135"
                      src="@/assets/images/wKgBZ1z4dPeAUvpLAAxKZgmzpAw47.jpeg"
                      class="lazy"
                      style="display: inline"
                  /></a>
                </div>
                <div class="post-ding">
                  <span id="topvote11710590">2205</span
                  ><a
                    href="javascript:;"
                    data-japp="articleding"
                    data-iid="11710590"
                    data-vote="2067"
                    class="btn-ding"
                    >顶</a
                  >
                </div>
                <h2 class="post-title yahei hasxjicon">
                  <a
                    href="./traveldetail.html?id=5e3bf6a93f050000ff0035ed"
                    target="_blank"
                    class="title-link"
                    >·港式文艺漫步地图，想对你说一万遍“我可以”</a
                  >
                </h2>
                <div class="post-author">
                  <span class="author"
                    ><a href="javascript:;" target="_blank" rel="nofollow"
                      ><img
                        src="@/assets/images/default.jpg"
                        width="15px"
                        class="lazy"
                        style="display: inline"
                    /></a>
                    作者：<a href="javascript:;" target="_blank" rel="nofollow"
                      >dafei</a
                    ></span
                  >
                </div>
                <div class="post-content">
                  三天半，拨开 香港 的浮华表面，用相机呈现我眼中的港式文艺。
                </div>
                <span class="status"
                  ><i class="icon_view"></i>41000<i class="icon_comment"></i
                  >210</span
                >
              </li>
            </ul>
          </div>
          <div style="float: right">
            <div style="float: left">
              <span style="line-height: 30px">
                共2页 / 16条&nbsp;&nbsp;&nbsp;</span
              >
            </div>
            <div id="pagination" class="jq-pagination" style="display: inline">
              <a
                class="prev disabled"
                href="javascript:void(0);"
                jp-role="prev"
                jp-data="0"
                >上一页</a
              ><a
                href="javascript:void(0);"
                jp-role="page"
                jp-data="1"
                class="active"
                >1</a
              ><a href="javascript:void(0);" jp-role="page" jp-data="2">2</a
              ><a
                class="next"
                href="javascript:void(0);"
                jp-role="next"
                jp-data="2"
                >下一页</a
              ><a
                class="last"
                href="javascript:void(0);"
                jp-role="last"
                jp-data="2"
                >尾页</a
              >
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="p-aside">
      <div class="p-top1 clearfix">
        <div class="hd">
          <h2><i></i>旅游攻略</h2>
        </div>
        <ol>
          <li class="top3">
            <em class="rank-num">1</em>
            <strong><a href="javascript:;" target="_blank">北海道</a></strong>
            <a href="javascript:;" target="_blank">在皑皑白雪中泡温泉</a>
          </li>
          <li class="top3">
            <em class="rank-num">2</em>
            <strong><a href="javascript:;" target="_blank">北海道</a></strong>
            <a href="javascript:;" target="_blank">在皑皑白雪中泡温泉</a>
          </li>
          <li class="top3">
            <em class="rank-num">3</em>
            <strong><a href="javascript:;" target="_blank">北海道</a></strong>
            <a href="javascript:;" target="_blank">在皑皑白雪中泡温泉</a>
          </li>
          <li>
            <em class="rank-num">4</em>
            <strong><a href="javascript:;" target="_blank">北海道</a></strong>
            <a href="javascript:;" target="_blank">在皑皑白雪中泡温泉</a>
          </li>
          <li>
            <em class="rank-num">5</em>
            <strong><a href="javascript:;" target="_blank">北海道</a></strong>
            <a href="javascript:;" target="_blank">在皑皑白雪中泡温泉</a>
          </li>
        </ol>
      </div>
      <div class="m-box m-comm">
        <div class="hd">
          <h2><i></i>最新游记动态</h2>
        </div>
        <div class="bd">
          <ul
            id="_j_new_action_list"
            style="height: auto; overflow: hidden"
          ></ul>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
@import "@/assets/css/travelnotes.css";
@import "@/assets/css/jqPagination.css";
</style>
